<!DOCTYPE html>
<html lang="en">
<head>
	<title>旅行首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta content="telephone=no" name="format-detection" />
    <link rel="stylesheet" href="../css/tg_mobile_reset.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/nav_bar.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/travel_index.css">
    <script src="../js/method/base.js?v=20171024?v=20171024"></script>
    <script src="../js/lib/zepto.min.js"></script>
	<script src="../js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/custorm/travel_index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="h_top">
	<div class="header po_re">
		<span class="goback po_ab"></span>
	</div>
</div>
	<div id="zwrap">
		<div class="index_wrap">
			<!--banner-->
			<div class="banner">
				<div class="swiper-container">
					<div class="swiper-wrapper clearfix">
						<div class="swiper-slide"><img src="../img/index_bg.jpg" alt="" /></div>
			    		<div class="swiper-slide"><img src="../img/imdetail1.jpg" alt="" /></div>
			    		<div class="swiper-slide"><img src="../img/index_bg.jpg" alt="" /></div>
			    		<div class="swiper-slide"><img src="../img/imdetail1.jpg" alt="" /></div>
			    		<div class="swiper-slide"><img src="../img/index_bg.jpg" alt="" /></div>
			    		<div class="swiper-slide"><img src="../img/imdetail1.jpg" alt="" /></div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
			<!--分类-->
			<ul class="w345 glass_index clearfix">
				<li><span class="icon icon_theme"></span><span>主题线路</span></li>
				<li><span class="icon icon_activity"></span><span>当地活动</span></li>
				<li><span class="icon icon_note"></span><span></span>游记攻略</li>
				<li><span class="icon icon_impression"></span><span>印象随笔</span></li>
			</ul>
			<!--分类固定定位-->
			<div class="glass_fixed_wp">
				<ul class="glass_fixed_ul w345 clearfix">
					<li class="active">主题线路</li>
					<li>当地活动</li>
					<li>游记攻略</li>
					<li>印象随笔</li>
				</ul>
			</div>

			<!--主题线路-->
			<div class="glass_i theme_i">
				<div class="title w345 clearfix">
					<h2 class="fl">主题线路</h2>
					<a href="#" class="theme_more more fr">更多 <em>&gt;</em></a>
				</div>
				<div class="tab_theme ">
					<ul class="tab_theme_title clearfix w345">
						<li class="current">北京</li>
						<li>天津</li>
						<li>上海</li>
						<li>西安</li>
						<li>大连</li>
					</ul>
					<div class="tab_theme_box">
						<div class="tab_theme_box_wrap clearfix">
							<div class="swiper-container_theme swiper-container_theme1">
								<div class="swiper-wrapper clearfix">
									<div class="swiper-slide">
										<img src="../img/theme-i.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-ii.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-i.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-ii.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="morethan swiper-slide">更多&gt;&gt;</div>
								</div>
							</div>
							<div class="swiper-container_theme swiper-container_theme2">
								<div class="swiper-wrapper clearfix">
									<div class="swiper-slide">
										<img src="../img/theme-i.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-ii.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-i.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-ii.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="morethan swiper-slide">更多&gt;&gt;</div>
								</div>
							</div>
							<div class="swiper-container_theme swiper-container_theme3">
								<div class="swiper-wrapper clearfix">
									<div class="swiper-slide">
										<img src="../img/theme-i.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-ii.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-i.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-ii.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="morethan swiper-slide">更多&gt;&gt;</div>
								</div>
							</div>
							<div class="swiper-container_theme swiper-container_theme4">
								<div class="swiper-wrapper clearfix">
									<div class="swiper-slide">
										<img src="../img/theme-i.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-ii.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-i.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="swiper-slide">
										<img src="../img/theme-ii.jpg" alt="" />
										<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
										<p class="price">¥543</p>
										<ul class="slogan clearfix">
											<li>户外美食</li>
											<li>文化探索</li>
											<li>景点门票</li>
										</ul>
									</div>
									<div class="morethan swiper-slide">更多&gt;&gt;</div>
								</div>
							</div>
							<div class="swiper-container_theme swiper-container_theme5">
							<div class="swiper-wrapper clearfix">
								<div class="swiper-slide">
									<img src="../img/theme-i.jpg" alt="" />
									<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
									<p class="price">¥543</p>
									<ul class="slogan clearfix">
										<li>户外美食</li>
										<li>文化探索</li>
										<li>景点门票</li>
									</ul>
								</div>
								<div class="swiper-slide">
									<img src="../img/theme-ii.jpg" alt="" />
									<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
									<p class="price">¥543</p>
									<ul class="slogan clearfix">
										<li>户外美食</li>
										<li>文化探索</li>
										<li>景点门票</li>
									</ul>
								</div>
								<div class="swiper-slide">
									<img src="../img/theme-i.jpg" alt="" />
									<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
									<p class="price">¥543</p>
									<ul class="slogan clearfix">
										<li>户外美食</li>
										<li>文化探索</li>
										<li>景点门票</li>
									</ul>
								</div>
								<div class="swiper-slide">
									<img src="../img/theme-ii.jpg" alt="" />
									<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
									<p class="price">¥543</p>
									<ul class="slogan clearfix">
										<li>户外美食</li>
										<li>文化探索</li>
										<li>景点门票</li>
									</ul>
								</div>
								<div class="morethan swiper-slide">更多&gt;&gt;</div>
							</div>
						</div>
						</div>
					</div>
				</div>
			</div>
			<!--当地活动-->
			<div class="glass_i activity_i">
				<div class="title w345 clearfix">
					<h2 class="fl">当地活动</h2>
					<a href="#" class="act_more more fr">更多 <em>&gt;</em></a>
				</div>
				<div class="tab_activity ">
					<div class="swiper-container_act">
						<div class="swiper-wrapper clearfix">
							<div class="swiper-slide">
								<img src="../img/theme-i.jpg" alt="" />
								<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
								<div class="act_slogan_box clearfix">
									<ul class="slogan fl">
										<li>户外美食</li>
										<li>文化探索</li>
										<li>景点门票</li>
									</ul>
									<p class="price fr">¥543</p>
								</div>
							</div>
				    		<div class="swiper-slide">
				    			<img src="../img/theme-ii.jpg" alt="" />
				    			<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
								<div class="act_slogan_box clearfix">
									<ul class="slogan fl">
										<li>户外美食</li>
										<li>文化探索</li>
										<li>景点门票</li>
									</ul>
									<p class="price fr">¥543</p>
								</div>
				    		</div>
				    		<div class="swiper-slide">
				    			<img src="../img/theme-i.jpg" alt="" />
				    			<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
								<div class="act_slogan_box clearfix">
									<ul class="slogan fl">
										<li>户外美食</li>
										<li>文化探索</li>
										<li>景点门票</li>
									</ul>
									<p class="price fr">¥543</p>
								</div>
				    		</div>
						</div>
					</div>
				</div>
			</div>
			<!--游记攻略-->
			<div class="glass_i note_i">
				<div class="title w345 clearfix">
					<h2 class="fl">游记攻略</h2>
					<a href="#" class="note_more more fr">更多 <em>&gt;</em></a>
				</div>
				<div class="tab_note">
					<div class="note_item_first w345">
						<div class="note_item_first_box">
							<div class="note_item_box_f">
								<p>一个人人幻想的蓝色世界</p>
								<div class="see_box"><span class="see">0</span><span class="zan">3</span></div>
							</div>
						</div>
					</div>
					<div class="swiper-container_note">
						<div class="swiper-wrapper clearfix">
							<div class="swiper-slide">
								<img src="../img/theme-i.jpg" alt="" />
								<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
								<div class="see_box"><span class="see">0</span><span class="zan">3</span></div>
							</div>
							<div class="swiper-slide">
								<img src="../img/theme-ii.jpg" alt="" />
								<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
								<div class="see_box"><span class="see">0</span><span class="zan">3</span></div>
							</div>
							<div class="swiper-slide">
								<img src="../img/theme-i.jpg" alt="" />
								<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
								<div class="see_box"><span class="see">0</span><span class="zan">3</span></div>
							</div>
							<div class="swiper-slide">
								<img src="../img/theme-i.jpg" alt="" />
								<p class="title">一个人幻想的蓝色天空一个人幻想的蓝色天空</p>
								<div class="see_box"><span class="see">0</span><span class="zan">3</span></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--印象随笔-->
			<div class="glass_i imp_i">
				<div class="title w345 clearfix">
					<h2 class="fl">印象随笔</h2>
					<a href="#" class="imp_more more fr">更多 <em>&gt;</em></a>
				</div>
				<div class="tab_imp">
					<div class="imp_item_first w345">
						<div class="imp_item_first_box">
							<div class="imp_item_box_f">
								<img src="../img/note_i.jpg" alt="">
								<p class="title">一个人人幻想的蓝色世界</p>
								<p class="description">云南的天，蓝的透明醉人，云南的水，绿的轻柔自在，云南的 歌，美的深情入心。云南的天，蓝的透明醉人，云南的水，绿的轻柔自在，云南的 歌，美的深情入心。</p>
								<div class="see_box"><span class="see">0</span><span class="zan">3</span></div>
							</div>
						</div>
					</div>
					<div class="imp_list w345">
						<div class="evy_imp_wp clearfix">
							<div class="pic_wp fl"><img src="../img/imp_1.jpg"></div>
							<div class="itm_scan_wp fl">
								<p class="itm_title">嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟</p>
								<p class="detail">云南的天，蓝的透明醉人，云南的 水，绿的轻柔自在。云南的天，蓝的透明醉人，云南的 水，绿的轻柔自在。</p>
								<div class="see_box"><span class="see">0</span><span class="zan">3</span></div>
							</div>
						</div>
						<div class="evy_imp_wp clearfix">
							<div class="pic_wp fl"><img src="../img/imp_1.jpg"></div>
							<div class="itm_scan_wp fl">
								<p class="itm_title">嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟嘟</p>
								<p class="detail">云南的天，蓝的透明醉人，云南的 水，绿的轻柔自在。云南的天，蓝的透明醉人，云南的 水，绿的轻柔自在。</p>
								<div class="see_box"><span class="see">0</span><span class="zan">3</span></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function () {
//		banner
			var banner_index = new Swiper('.swiper-container', {
				autoplay: 5000,//可选选项，自动滑动
				loop: true,
				observer: true,//修改swiper自己或子元素时，自动初始化swiper
				observeParents: true,//修改swiper的父元素时，自动初始化swiper
				pagination: '.swiper-pagination'
			});
// 主题线路
			var theme_activity1= new Swiper('.swiper-container_theme1', {
				loop: false,
				observer: true,//修改swiper自己或子元素时，自动初始化swiper
				observeParents: true,//修改swiper的父元素时，自动初始化swiper
				freeMode: false,
				width: 157,
//			resistanceRatio : 0,
//			touchMoveStopPropagation : true,
//			setWrapperSize:true,
			});
//theme_activity.width = 157+"px";
//console.log(theme_activity.width,123);
			var theme_activity2 = new Swiper('.swiper-container_theme2', {
				loop: false,
				observer: true,//修改swiper自己或子元素时，自动初始化swiper
				observeParents: true,//修改swiper的父元素时，自动初始化swiper
				freeMode: false,
				width: 157

				//			resistanceRatio : 0,
				//			touchMoveStopPropagation : true,
				//			setWrapperSize:true,
			})
			var theme_activity3 = new Swiper('.swiper-container_theme3', {
				loop: false,
				observer: true,//修改swiper自己或子元素时，自动初始化swiper
				observeParents: true,//修改swiper的父元素时，自动初始化swiper
				freeMode: false,
				width: 157

				//			resistanceRatio : 0,
				//			touchMoveStopPropagation : true,
				//			setWrapperSize:true,
			});
			var theme_activity4 = new Swiper('.swiper-container_theme4', {
				loop: false,
				observer: true,//修改swiper自己或子元素时，自动初始化swiper
				observeParents: true,//修改swiper的父元素时，自动初始化swiper
				freeMode: false,
				width: 157

				//			resistanceRatio : 0,
				//			touchMoveStopPropagation : true,
				//			setWrapperSize:true,
			})
			var theme_activity5 = new Swiper('.swiper-container_theme5', {
				loop: false,
				observer: true,//修改swiper自己或子元素时，自动初始化swiper
				observeParents: true,//修改swiper的父元素时，自动初始化swiper
				freeMode: false,
				width: 157

				//			resistanceRatio : 0,
				//			touchMoveStopPropagation : true,
				//			setWrapperSize:true,
			})
//		var mySwiper = new Swiper('.swiper-container2', {
//			loop:false,
//	        pagination: '.swiper-pagination',
//	        slidesPerView: 3,
//	        paginationClickable: true,
//	        spaceBetween: 30
//	    });
//当地活动
			var activity_swiper = new Swiper('.swiper-container_act', {
				autoplay: false,//可选选项，自动滑动
				loop: false,
				observer: true,//修改swiper自己或子元素时，自动初始化swiper
				observeParents: true,//修改swiper的父元素时，自动初始化swiper
				freeMode: true

			})
//activity_swiper.wrapper.width(activity_swiper.slides.length*3)

//		游记攻略
			var note_swiper = new Swiper('.swiper-container_note', {
				autoplay: false,//可选选项，自动滑动
				loop: false,
				observer: true,//修改swiper自己或子元素时，自动初始化swiper
				observeParents: true,//修改swiper的父元素时，自动初始化swiper
				freeMode: true
			})

		})
	</script>
<script src="../js/lib/rem.js"></script>
<script src="../js/custorm/zepto_animate.js"></script>
</body>
</html>